<template>
    <div class="w-full h-full flex flex-col">
        <div class="w-full flex flex-row justify-between">
            <div class="flex flex-row  w-w2/5">
            </div>
            <el-button type="primary" class=" bg-cmain_hover ml-w10" icon="el-icon-plus"
                @click="bool_dialog_add_dic = true">添加职业
            </el-button>
        </div>
        <div class="w-full h-full mt-w20 ">
            <el-table :data="s_dic.list_dic" stripe style="width: 100%; " height="660">
                <el-table-column type="index" label="序号" min-width="10%">
                </el-table-column>
                <el-table-column prop="name" label="职业名称" min-width="80%">
                </el-table-column>
                <el-table-column label="操作" min-width="10%">
                    <template slot-scope="scope">
                        <el-popconfirm title="是否删除该职业？" @confirm="action_del_dic(scope.row.id)"
                            confirm-button-type="text">
                            <el-button slot="reference" class=" text-cred1" type="text">
                                删除
                            </el-button>
                        </el-popconfirm>
                    </template>
                </el-table-column>
            </el-table>
            <div class="w-full flex items-end justify-center" style="height:7%">
                <el-pagination background layout="prev, pager, next" :total="s_dic.m_page.total"
                    :page-size="s_dic.m_page.limit" @current-change="action_page_change">
                </el-pagination>
            </div>
        </div>
        <UiDialogAddDic :is_showDialog="bool_dialog_add_dic" @nydialog_closed="bool_dialog_add_dic = false" @nydialog_submit="action_add_dic">
        </UiDialogAddDic>
    </div>
</template>

<script src="./Index.ts"></script>
<style src="./Index.less" lang="less" scoped>

</style>
